/*
* cSans Grid 950-24-10 v0.7
* 2009 Copyright A navalla suíza http://anavallasuiza.com
* cSans is released under the GNU Affero GPL version 3 - more information at http://www.fsf.org/licensing/licenses/agpl-3.0.html
*/

/* 1. PAGE */
body { text-align:center; }
.page,.expanded-page {
	width:950px;
	text-align:left;
	margin:0 auto;
	padding:1px 0;
}
.expanded-page {
	width:960px;
	padding-left:10px;
}

/* 2. DEBUG */
.grid { background-image:url(csans-grid-950-24-10.png); }
.grid.expanded-page { background-position:10px; }

/* 3. LAYOUT */
/* 3.1. Widths */
.w1 { width:40px; }
.w2 { width:80px; }
.w3 { width:120px; }
.w4 { width:160px; }
.w5 { width:200px; }
.w6 { width:240px; }
.w7 { width:280px; }
.w8 { width:320px; }
.w9 { width:360px; }
.w10 { width:400px; }
.w11 { width:440px; }
.w12 { width:480px; }
.w13 { width:520px; }
.w14 { width:560px; }
.w15 { width:600px; }
.w16 { width:640px; }
.w17 { width:680px; }
.w18 { width:720px; }
.w19 { width:760px; }
.w20 { width:800px; }
.w21 { width:840px; }
.w22 { width:880px; }
.w23 { width:920px; }
.w24 { width:960px; }

/* 3.2. Columns */
.col1 { width:30px; }
.col2 { width:70px; }
.col3 { width:110px; }
.col4 { width:150px; }
.col5 { width:190px; }
.col5c { width:182px; }
.col6 { width:230px; }
.col7 { width:270px; }
.col8 { width:310px; }
.col9 { width:350px; }
.col10 { width:390px; }
.col11 { width:430px; }
.col12 { width:470px; }
.col13 { width:510px; }
.col14 { width:550px; }
.col15 { width:590px; }
.col16 { width:630px; }
.col17 { width:670px; }
.col18 { width:710px; }
.col19 { width:750px; }
.col20 { width:790px; }
.col21 { width:830px; }
.col22 { width:870px; }
.col23 { width:910px; }
.col24 { width:950px; }

.col,.col1,.col2,.col3,.col4,.col5,.col5c,.col6,.col7,.col8,.col9,.col10,.col11,.col12,
.col13,.col14,.col15,.col16,.col17,.col18,.col19,.col20,.col21,.col22,.col23,.col24,
.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12,.w13,.w14,.w15,.w16,.w17,.w18,.w19,.w20,.w21,.w22,.w23,.w24 { float:left; }

.col,.col1,.col2,.col3,.col4,.col5,.col5c,.col6,.col7,.col8,.col9,.col10,.col11,.col12,
.col13,.col14,.col15,.col16,.col17,.col18,.col19,.col20,.col21,.col22,.col23,.col24 { margin-right:10px; }

th.col,th.col1,th.col2,th.col3,th.col4,th.col5,th.col5c,th.col6,th.col7,th.col8,th.col9,th.col10,th.col11,th.col12,th.col13,th.col14,th.col15,th.col16,th.col17,th.col18,th.col19,th.col20,th.col21,th.col22,th.col23,th.col24,
th.w1,th.w2,th.w3,th.w4,th.w5,th.w6,th.w7,th.w8,th.w9,th.w10,th.w11,th.w12,th.w13,th.w14,th.w15,th.w16,th.w17,th.w18,th.w19,th.w20,th.w21,th.w22,th.w23,th.w24,
td.col,td.col1,td.col2,td.col3,td.col4,td.col5,td.col5c,td.col6,td.col7,td.col8,td.col9,td.col10,td.col11,td.col12,td.col13,td.col14,td.col15,td.col16,td.col17,td.col18,td.col19,td.col20,td.col21,td.col22,td.col23,td.col24,
td.w1,td.w2,td.w3,td.w4,td.w5,td.w6,td.w7,td.w8,td.w9,td.w10,td.w11,td.w12,td.w13,td.w14,td.w15,td.w16,td.w17,td.w18,td.w19,td.w20,td.w21,td.w22,td.w23,td.w24 { float:none;margin-right:0; }

/* 3.3. Space columns: Right */
.r-1 { margin-right:-30px; }
.r-2 { margin-right:-70px; }
.r-3 { margin-right:-110px; }
.r-4 { margin-right:-150px; }
.r-5 { margin-right:-190px; }
.r-6 { margin-right:-230px; }
.r-7 { margin-right:-270px; }
.r-8 { margin-right:-310px; }
.r-9 { margin-right:-350px; }
.r-10 { margin-right:-390px; }
.r-11 { margin-right:-430px; }
.r-12 { margin-right:-470px; }
.r-13 { margin-right:-510px; }
.r-14 { margin-right:-550px; }
.r-15 { margin-right:-590px; }
.r-16 { margin-right:-630px; }
.r-17 { margin-right:-670px; }
.r-18 { margin-right:-710px; }
.r-19 { margin-right:-750px; }
.r-20 { margin-right:-790px; }
.r-21 { margin-right:-830px; }
.r-22 { margin-right:-870px; }
.r-23 { margin-right:-910px; }
.r-24 { margin-right:-950px; }

.r-1,.r-2,.r-3,.r-4,.r-5,.r-6,.r-7,.r-8,.r-9,.r-10,.r-11,.r-12,.r-13,.r-14,.r-15,.r-16,
.r-17,.r-18,.r-19,.r-20,.r-21,.r-22,.r-23,.r-24 { position:relative; }

.r05 { margin-right:20px; }
.r1 { margin-right:50px; }
.r2 { margin-right:90px; }
.r3 { margin-right:130px; }
.r4 { margin-right:170px; }
.r5 { margin-right:210px; }
.r6 { margin-right:250px; }
.r7 { margin-right:290px; }
.r8 { margin-right:330px; }
.r9 { margin-right:370px; }
.r10 { margin-right:410px; }
.r11 { margin-right:450px; }
.r12 { margin-right:490px; }
.r13 { margin-right:530px; }
.r14 { margin-right:570px; }
.r15 { margin-right:610px; }
.r16 { margin-right:650px; }
.r17 { margin-right:690px; }
.r18 { margin-right:730px; }
.r19 { margin-right:770px; }
.r20 { margin-right:810px; }
.r21 { margin-right:850px; }
.r22 { margin-right:890px; }
.r23 { margin-right:930px; }

/* 3.4. Margin columns: Left */
.l-1 { margin-left:-40px; }
.l-2 { margin-left:-80px; }
.l-3 { margin-left:-120px; }
.l-4 { margin-left:-160px; }
.l-5 { margin-left:-200px; }
.l-6 { margin-left:-240px; }
.l-7 { margin-left:-280px; }
.l-8 { margin-left:-320px; }
.l-9 { margin-left:-360px; }
.l-10 { margin-left:-400px; }
.l-11 { margin-left:-440px; }
.l-12 { margin-left:-480px; }
.l-13 { margin-left:-520px; }
.l-14 { margin-left:-560px; }
.l-15 { margin-left:-600px; }
.l-16 { margin-left:-640px; }
.l-17 { margin-left:-680px; }
.l-18 { margin-left:-720px; }
.l-19 { margin-left:-760px; }
.l-20 { margin-left:-800px; }
.l-21 { margin-left:-840px; }
.l-22 { margin-left:-880px; }
.l-23 { margin-left:-920px; }
.l-24 { margin-left:-960px; }

.l05 { margin-left:20px; }
.l1 { margin-left:40px; }
.l2 { margin-left:80px; }
.l3 { margin-left:120px; }
.l4 { margin-left:160px; }
.l5 { margin-left:200px; }
.l6 { margin-left:240px; }
.l7 { margin-left:280px; }
.l8 { margin-left:320px; }
.l9 { margin-left:360px; }
.l10 { margin-left:400px; }
.l11 { margin-left:440px; }
.l12 { margin-left:480px; }
.l13 { margin-left:520px; }
.l14 { margin-left:560px; }
.l15 { margin-left:600px; }
.l16 { margin-left:640px; }
.l17 { margin-left:680px; }
.l18 { margin-left:720px; }
.l19 { margin-left:760px; }
.l20 { margin-left:800px; }
.l21 { margin-left:840px; }
.l22 { margin-left:880px; }
.l23 { margin-left:920px; }

/* 3.5. Margin columns: top */
.t05 { margin-top:5px; }
.t1 { margin-top:10px; }
.t2 { margin-top:20px; }
.t3 { margin-top:30px; }
.t4 { margin-top:40px; }
.t5 { margin-top:50px; }
.t6 { margin-top:60px; }
.t7 { margin-top:70px; }
.t8 { margin-top:80px; }
.t9 { margin-top:90px; }
.t10 { margin-top:100px; }

/* 3.6. Margin columns: bottom */
.b05 { padding-bottom:5px; }
.b1 { padding-bottom:10px; }
.b2 { padding-bottom:20px; }
.b3 { padding-bottom:30px; }
.b4 { padding-bottom:40px; }
.b5 { padding-bottom:50px; }
.b6 { padding-bottom:60px; }
.b7 { padding-bottom:70px; }
.b8 { padding-bottom:80px; }
.b9 { padding-bottom:90px; }
.b10 { padding-bottom:100px; }

/* 3.7. Paddings */
.p05,.colp05 { padding:5px; }
.p1,.colp1 { padding:10px; }
.p2,.colp2 { padding:20px; }
.pr05 { padding-right:5px; }
.pr1 { padding-right:10px; }
.pr2 { padding-right:20px; }
.wp1 { padding:10px 0 10px 10px;left:-10px;margin-right:-10px; }
.wp2 { padding:20px 10px 20px 20px;left:-20px;margin-right:-30px; }
.colp05 { left:-5px;margin-right:0; }
.colp1 { left:-10px;margin-right:-10px; }
.colp2 { left:-20px;margin-right:-30px; }
.colp05,.colp1,.colp2,.wp1,.wp2 {
	position: relative;
}

/* 3.8. Right-floated columns */
.colright {
	float:right;
	position:relative;
	right: -10px;
}

/* 4. HACKS */
.col,.col1,.col2,.col3,.col4,.col5,.col5c,.col6,.col7,.col8,.col9,.col10,.col11,.col12,
.col13,.col14,.col15,.col16,.col17,.col18,.col19,.col20,.col21,.col22,.col23,.col24,
.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12,.w13,.w14,.w15,.w16,.w17,.w18,.w19,.w20,.w21,.w22,.w23,.w24 { _display:inline; } /* IE5-6 */

.l-1,.l-2,.l-3,.l-4,.l-5,.l-6,.l-7,.l-8,.l-9,.l-10,.l-11,.l-12,
.l-13,.l-14,.l-15,.l-16,.l-17,.l-18,.l-19,.l-20,.l-21,.l-22,.l-23,.l-24 { *position:relative; } /* IE */

* html .expanded-page {
	\width:970px; /* IE5-6 quirks mode */
	w\idth:960px; /* IE6 */
}